<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">
		<p:panel header="Lista de Presupuestos Pendientes">
		
			<p:dataTable id="tablaPresupuestos" var="pre" value="#{listadoPresupuestoBean.listPresupuesto}" scrollable="true"
				editable="false" style="width:100%" selection="#{listadoPresupuestoBean.presupuestoSelected}" selectionMode="single"
				rowKey="#{pre.idPresupuesto}">
				<p:ajax event="rowSelect" listener="#{listadoPresupuestoBean.onRowSelect}" update="" />
				<p:column headerText="Salon">
					<h:outputText value="#{pre.salon.nombreSalon}" />
				</p:column>				
				<p:column headerText="Número de Presupuesto">
    				<h:outputText value="#{pre.idPresupuesto}" />
				</p:column>
				<p:column headerText="Monto ($)">
					<h:outputText value="#{pre.montoPresupuesto}" />
				</p:column>
				<p:column headerText="Interesado">
					<h:outputText value="#{pre.interesado.persona.apellido}" />
				</p:column>
		
				
			</p:dataTable>
			
			<br />
			<p:commandButton value="Generar Reserva" icon="ui-icon-disk" action="#{listadoPresupuestoBean.generarReserva}"/>

		</p:panel>
</ui:define>
</ui:composition>
